@charset "utf-8";
.container2{width:700px;position:relative;margin-left: 15px;}
.action2{width: 700px;height: 30px;margin: 10px 0;}
.cropped2{position:absolute;right:-190px;top:0;width:160px;height:110px;border:0px solid #efefef;}
.cropped2 img{display:block;margin-bottom:10px;}
.imageBox2{
    position:relative;
    height:500px;
    width:700px;
    border:1px solid #aaa;
    background:#fff;
    overflow:hidden;
    background-repeat:no-repeat;
    cursor:move;
}
.imageBox2 .thumbBox2{
    position:absolute;
    top:50%;
    left:50%;
    width:640px;
    height:440px;
    margin-top:-220px;
    margin-left:-320px;
    box-sizing:border-box;
    border:1px solid rgb(102, 102, 102);
    box-shadow:0 0 0 1000px rgba(0, 0, 0, 0.5);
    background:none repeat scroll 0% 0% transparent;
}
.imageBox2 .spinner2{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    text-align:center;
    line-height:400px;
    background:rgba(0,0,0,0.7);
}


.imageBox1{
    position:relative;
    height:500px;
    width:700px;
    border:1px solid #aaa;
    background:#fff;
    overflow:hidden;
    background-repeat:no-repeat;
    cursor:move;
}
.imageBox1 .thumbBox1{
    position:absolute;
    top:50%;
    left:50%;
    width:640px;
    height:440px;
    margin-top:-220px;
    margin-left:-320px;
    box-sizing:border-box;
    border:1px solid rgb(102, 102, 102);
    box-shadow:0 0 0 1000px rgba(0, 0, 0, 0.5);
    background:none repeat scroll 0% 0% transparent;
}
.imageBox1 .spinner1{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    text-align:center;
    line-height:400px;
    background:rgba(0,0,0,0.7);
}


.imageBox3{
    position:relative;
    height:500px;
    width:700px;
    border:1px solid #aaa;
    background:#fff;
    overflow:hidden;
    background-repeat:no-repeat;
    cursor:move;
}
.imageBox3 .thumbBox3{
    position:absolute;
    top:50%;
    left:50%;
    width:640px;
    height:440px;
    margin-top:-220px;
    margin-left:-320px;
    box-sizing:border-box;
    border:1px solid rgb(102, 102, 102);
    box-shadow:0 0 0 1000px rgba(0, 0, 0, 0.5);
    background:none repeat scroll 0% 0% transparent;
}
.imageBox3 .spinner3{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    text-align:center;
    line-height:400px;
    background:rgba(0,0,0,0.7);
}


.file{position:relative;float:left;}
.file-input{position:absolute;top:0;left:0;z-index:2; width: 120px !important;height:32px !important;opacity:0;-moz-opacity:0; }
.file-btn{position:absolute;top:0;left:0;z-index:1;width: 120px;height:32px;border:1px solid #efefef;line-height:32px;border-radius:8px;text-align:center;}

.filebtn{display:inline-block; background-color:#fff;border:1px solid #efefef;border-radius:8px;float: right}
.cropbtn{width: 120px !important;height:32px !important;}
.cropjia{width: 40px !important;height:32px !important;margin-right:20px;}
.cropjian{width: 40px !important;height:32px !important;}


.container{width:700px;margin:0;position:relative;}
.action{width: 700px;height: 30px;margin: 10px 0;}
.cropped{position:absolute;right:-200px;top:0;width:160px;height:90px;}
.cropped img{display:block;margin-bottom:10px;}
.imageBox{
    position:relative;
    height:400px;
    width:700px;
    border:1px solid #aaa;
    background:#fff;
    overflow:hidden;
    background-repeat:no-repeat;
    cursor:move;
}
.imageBox .thumbBox{
    position:absolute;
    top:50%;
    left:50%;
    width:640px;
    height:360px;
    margin-top:-180px;
    margin-left:-320px;
    box-sizing:border-box;
    border:1px solid rgb(102, 102, 102);
    box-shadow:0 0 0 1000px rgba(0, 0, 0, 0.5);
    background:none repeat scroll 0% 0% transparent;
}
.imageBox .spinner{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    text-align:center;
    line-height:400px;
    background:rgba(0,0,0,0.7);
}

.file{position:relative;float:left;}
.file-input{position:absolute;top:0;left:0;z-index:2; width: 120px !important;height:32px !important;opacity:0;-moz-opacity:0; }
.file-btn{position:absolute;top:0;left:0;z-index:1;width: 120px;height:32px;border:1px solid #efefef;line-height:32px;border-radius:8px;text-align:center;}

.filebtn{display:inline-block; background-color:#fff;border:1px solid #efefef;border-radius:8px; float: right}
.cropbtn{width: 120px !important;height:32px !important;}
.cropjia{width: 40px !important;height:32px !important;margin-right:20px;}
.cropjian{width: 40px !important;height:32px !important;}